<script setup >
    import{useRouter}from 'vue-router'
//接收父传子对象
const props= defineProps({
title:String,
rightText:String
})
//子传父
const emit=defineEmits(['click-right'])
//点击左侧会执行=》返回上次的访问页面
const router=useRouter()
const onClickLeft=()=>{
if(history.state){
    //存在回跳地址就返回
   router.back()
}else{
    //不存在返回首页
    console.log('不存在返回地址')
    router.push('/')

}
}
const onClickRight=()=>{
emit('click-right')
}
</script>



<template>
 <!-- 二次封装vant导航栏组件 -->
  <!-- 固定定位，左侧箭头，标题，右侧文字 -->
  <van-nav-bar
    fixed
    left-arrow
    @click-left="onClickLeft"
    :title="title"
    :right-text="rightText"
    @click-right="onClickRight"
  ></van-nav-bar>
</template>



<style lang="scss" scoped>
::v-deep() {
  .van-nav-bar {
    &__arrow {
      color: var(--gh-text1);
      /* font-family: '宋体'; */
      font-size: 18px;
    }
    &__title   {
      font-family: '宋体';
      font-size: 16px;
    }
  }
}
</style>
